
{% extends 'base/front_base.html' %}

{% block title %}
    课程列表页
{% endblock %}

{% block head %}
    <link rel="stylesheet" href="{% static 'css/course/course_index.min.css' %}">
{% endblock %}

{% block main %}
    <div class="main">
    <div class="course-nav">
        <div class="nav-container">
            <h3 class="title">
                在线课堂
            </h3>
            <ul class="nav-list">
                <li class="active"><a href="#">最新课堂</a></li>
                <li><a href="#">投资人说</a></li>
                <li><a href="#">明星案例</a></li>
                <li><a href="#">创业知识</a></li>
            </ul>
        </div>
    </div>
    <div class="wrapper">
        <ul class="course-list">
            <li>
                <a href="#">
                    <div class="thumbnail-group">
                        <img src="https://static-image.xfz.cn/1513063811_824.png-course.list.small" alt=""
                             class="thumbnail">
                    </div>
                    <div class="course-info">
                        <p class="title">华尔街十年巨变：中国创新力量的崛起</p>
                        <p class="author">吉姆.罗杰斯/量子基金创办人</p>
                        <p class="price-group">
                            <span class="pay">￥88.0</span>
                        </p>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="thumbnail-group">
                        <img src="https://static-image.xfz.cn/1513063811_824.png-course.list.small" alt=""
                             class="thumbnail">
                    </div>
                    <div class="course-info">
                        <p class="title">华尔街十年巨变：中国创新力量的崛起</p>
                        <p class="author">吉姆.罗杰斯/量子基金创办人</p>
                        <p class="price-group">
                            <span class="pay">￥88.0</span>
                        </p>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="thumbnail-group">
                        <img src="https://static-image.xfz.cn/1513063811_824.png-course.list.small" alt=""
                             class="thumbnail">
                    </div>
                    <div class="course-info">
                        <p class="title">华尔街十年巨变：中国创新力量的崛起</p>
                        <p class="author">吉姆.罗杰斯/量子基金创办人</p>
                        <p class="price-group">
                            <span class="pay">￥88.0</span>
                        </p>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="thumbnail-group">
                        <img src="https://static-image.xfz.cn/1513063811_824.png-course.list.small" alt=""
                             class="thumbnail">
                    </div>
                    <div class="course-info">
                        <p class="title">华尔街十年巨变：中国创新力量的崛起</p>
                        <p class="author">吉姆.罗杰斯/量子基金创办人</p>
                        <p class="price-group">
                            <span class="pay">￥88.0</span>
                        </p>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="thumbnail-group">
                        <img src="https://static-image.xfz.cn/1513063811_824.png-course.list.small" alt=""
                             class="thumbnail">
                    </div>
                    <div class="course-info">
                        <p class="title">华尔街十年巨变：中国创新力量的崛起</p>
                        <p class="author">吉姆.罗杰斯/量子基金创办人</p>
                        <p class="price-group">
                            <span class="pay">￥88.0</span>
                        </p>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="thumbnail-group">
                        <img src="https://static-image.xfz.cn/1513063811_824.png-course.list.small" alt=""
                             class="thumbnail">
                    </div>
                    <div class="course-info">
                        <p class="title">华尔街十年巨变：中国创新力量的崛起</p>
                        <p class="author">吉姆.罗杰斯/量子基金创办人</p>
                        <p class="price-group">
                            <span class="pay">￥88.0</span>
                        </p>
                    </div>
                </a>
            </li>
            <li></li>
            <li></li>
        </ul>
    </div>
</div>
{% endblock %}